Tab/Accordian Control Properties
Description
Creating a Tab Control gives you access to the Tab/Accordian Control properties. The Tab Control is located inside the 'Containers' dropdown menu on the UX Controls page. The Tab Control will also need to include a Tab Pane inside of it and the Tab Pane will also need its own control underneath it.
- Name
- Description
- Animation
Specify if the tab/accordion panes should be animated when they are selected.
- Genie style
When Genie style is turned on, the tab buttons are hidden and the user must use buttons to navigate to the 'next' and 'previous' tab panes.
- Hide animation speed
Specify the animation speed. You can select a pre-defined option (slow =600 milliseconds, fast =200 milliseconds), or you can enter an explicit value in milleseconds.
- Hide animation style
Select the animation method to use when the pane is shown. 'Suggested' is 'Slide' for an Accordion and 'None' for a Tab control.
- Initial tab pane
Specify which tab pane should be initially selected. Use a numeric index, e.g. '3' for the third tab pane.
- Pane Height
Optional. Height of the tab pane. If left blank, tab panes will automatically resize based on tab contents.
- Pane Width
Optional. Width of the tab panes. If left blank, tab panes will automatically resize based on tab contents.
- Panes have border/background
Specify if the panes have a border and background color. Uncheck this if you don't want any border around each tab. Be default, all panes have a border and background color defined by the component style.
- Show animation speed
Specify the animation speed. You can select a pre-defined option (slow =600 milliseconds, fast =200 milliseconds), or you can enter an explicit value in milliseconds.
- Show animation style
Select the animation method to use when the pane is shown. 'Suggested' is 'Slide' for an Accordion and 'Fade' for a Tab control.
- Sub-theme
The Sub-theme property differs depending on whether the Tab or the Accordion option is selected Under the Tab type property. Changing the sub-theme changed the appearance of the tab or the accordion control.
- Tab ID
Specify a unique ID to identify the tab control. At run-time, the actual ID will automatically include the component alias and convert to uppercase, e.g. 'CUSTOMERGRID.TAB.1'.
- Tab label position
Specify the location of the tab labels. @choices.TabLabelPositions
- Tab type
Specify the tab control style. The control can be formatted as a Tab or Accordion control.